﻿
body {
    background-color: #eee;
}

.usertx {
    width: 100%;
    max-width: 640px;
    display: -webkit-box;
    height: 45px;
    line-height: 45px;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.2rem;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    position: relative;
}

.userhz {
    max-width: 640px;
    text-align: center;
}

.userNhz {
    max-width: 640px;
    background: #eeeeef;
}

.userfont {
    width: 25%;
    font-size: 14px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-left: 0px;
    background: #fff;
}

.user_td {
    width: 25%;
    font-size: 14px;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-left: 0px;
    background: #fff;
}

.number-box {
    overflow: hidden;
    background: #fff;
}

    .number-box .item {
        width: 50%;
        float: left;
        padding: .5rem 0;
    }

        .number-box .item:nth-child(1), .number-box .item:nth-child(2) {
            border-bottom: 1px solid #d7dbdd;
        }

        .number-box .item .type-name {
            font-size: .6rem;
            text-align: center;
        }

        .number-box .item .type-number {
            text-align: center;
            margin-top: .3rem;
            color: #fe4f3f;
            font-size: 2.2rem;
        }

.j_box {
    background: #fff;
    margin-top: 10px;
}

.f_62a8ea {
    background: #62a8ea;
}

.tab_3 {
    background: #f2a654;
}

.tab_2 {
    background: #46be8a;
}

.tab_4 {
    background: #57c7d4;
}

@keyframes myfirst1 {
    from {
        top: -130px;
        left: 0;
        opacity: 0;
    }

    to {
        top: 0;
        left: 0;
        opacity: 1;
    }
}

.animation_2 {
    position: relative;
    animation: myfirst1 0.5s;
}

.animation_3 {
    position: relative;
    animation: myfirst1 1s;
}

.animation_4 {
    position: relative;
    animation: myfirst1 1.5s;
}


.color_1 .item .type-number {
    color: #62a8ea;
}

.color_3 .item .type-number {
    color: #f2a654;
}

.color_2 .item .type-number {
    color: #46be8a;
}

.color_4 .item .type-number {
    color: #57c7d4;
}
